<template>
  <div id="user-avater">
    <el-avatar :size="50" :src="url"></el-avatar> <p class="user-title">hello</p>
  </div>
</template>

<script>
export default {
  name: 'userAvaterUrl',
  props: {
    url: String,
  },
};
</script>

<style lang="scss" scoped>
  #user-avater{
    padding: 20px 25px;
    display: flex;
    overflow: hidden;
    .user-title{
      padding-left: 10px;
      height: 50px;
      font-size: 16px;
      color: #242424;
      line-height: 50px;
    }
  }
</style>
